<!DOCTYPE html>
<!--suppress ALL-->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/DataView.css">
</head>
<body>
<div id="container">
    <div class="title">
        <h2>玩具数据展示</h2>
    </div>
    <table>
        <tbody>
        <tr>
            <td>玩具编号</td>
            <td>玩具数量</td>
            <td>玩具价格</td>
            <td>附件数量</td>
            <td>损坏情况</td>
            <td>是否报废</td>
            <td>进货日期</td>
        </tr>
        <tr th:each="total:${pageInfo.list}">
            <td th:text="${total.id}"></td>
            <td th:text="${total.count}"></td>
            <td th:text="${total.price}"></td>
            <td th:text="${total.attachCount}"></td>
            <td th:text="${total.failure}"></td>
            <td th:text="${total.isScrap}"></td>
            <td th:text="${total.date}"></td>
        </tr>
        </tbody>
    </table>
    <div id="footer">
        <p>当前在第 <span th:text="${pageInfo.pageNum}"></span> 页,共<span th:text="${pageInfo.pages}"></span> 页,共 <span th:text="${pageInfo.total}"></span> 条数据</p>
        <a th:href="@{/queryAllToy}">首页</a>
        <a th:href="@{/queryAllToy(pageNum=${pageInfo.hasPreviousPage}?${pageInfo.prePage}:1)}">上一页</a>
        <a th:href="@{/queryAllToy(pageNum=${pageInfo.hasNextPage}?${pageInfo.nextPage}:${pageInfo.pages})}">下一页</a>
        <a th:href="@{/queryAllToy(pageNum=${pageInfo.pages})}">尾页</a>
    </div>
</div>
</body>
<script src="js/axios.min.js"></script>
</html>